import React, { Component, Fragment } from "react";

import { Tabs } from "antd";

// 合并页面
import HostHistory from "./Host";
import DatabaseHistory from "./Database";
import OssHistory from './Oss'
import NasHistory from './Nas'
import ElasticIpHistory from "./ElasticIp";
import NatGatewayHistory from "./natGateway";
import CommonBandwidthHistory from "./commonBandwidth";

const { TabPane } = Tabs;

class Index extends Component {
    constructor(props){
        super(props);  
        this.setState = {} 
    }

    render(){
        return (
            <Fragment>
                <Tabs defaultActiveKey="1">
                    <TabPane tab="云服务器" key="1">
                        <HostHistory />
                    </TabPane>
                    <TabPane tab="云数据库" key="2">
                        <DatabaseHistory />
                    </TabPane>
                    <TabPane tab="云Oss" key="3">
                        <OssHistory />
                    </TabPane>
                    <TabPane tab="云Nas" key="4">
                        <NasHistory />
                    </TabPane>
                    <TabPane tab="云弹性IP" key="6">
                        <ElasticIpHistory />
                    </TabPane>
                    <TabPane tab="云NAT网关" key="7">
                        <NatGatewayHistory />
                    </TabPane>
                    <TabPane tab="云共享带宽" key="8">
                        <CommonBandwidthHistory />
                    </TabPane>
                </Tabs>

            </Fragment>
        )
    }
}

export default Index;